Skip to content

Increase max-width of duration input to 5rem - #1763

Merged
gedex merged 3 commits into
WordPress:productionfrom
jhimross:production
Sep 28, 2026
Merged

gedex merged 3 commits into
WordPress:productionfrom
jhimross:production

Conversation

@jhimross

Copy link
Copy Markdown
Contributor

Fixes #1762

How to test the changes in this Pull Request:

  1. Check out this branch.
  2. Go to WordCamp → Sessions in the WordCamp admin.
  3. Create or edit a session.
  4. Open the Session Info panel.
  5. Verify that the Hours and Minutes number input fields are wider and easier to use.
  6. Confirm that the increment/decrement controls continue to function correctly.
  7. Verify there are no layout regressions on different screen sizes.

Before

The number input fields are cramped due to a max-width of 3rem.
image

After

The wider (5rem) input fields provide improved readability and usability while maintaining the existing layout.
image

@gedex gedex left a comment •

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, @jhimross! Tested locally with a 1 hour 45 minute session: at 3rem the minutes field showed only "4", and at 5rem it shows "45" with room for the number spinner.

image

@gedex
gedex merged commit 5ce6165 into WordPress:production Sep 28, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Session Info: "Session Length" number input fields are too narrow in the WordCamp editor

2 participants